<meta name="csrf-token" content="{{ csrf_token() }}">
<script src="{{URL::asset('js/echarts.js')}}"></script>
<script src="{{URL::asset('js/customed.js')}}"></script>
<script src="{{URL::asset('js/jspdf.min.js')}}"></script>
<script src="{{URL::asset('js/html2canvas.js')}}"></script>
<script src="{{URL::asset('js/jquery.js')}}"></script>

<style>
    .headDiv{
        padding-top:35mm;
        width: 210mm;
    }

    .area{
        height:28mm;
        width:180mm;
        background:none;
        resize:none;
        font-size:18px;
        border: 3px solid #ffffff;
        border-radius: 15px;
        color: #ffffff;
    }

    .temp{
        height:28mm;
        width:180mm;
        margin-left:15mm;
        margin-top:5mm;
        margin-bottom:5mm;
        float:left;
    }

    .DivF1{
        height: 90mm;
        width: 130mm;
        margin: 0 auto;
        margin: auto auto auto 10mm;
        float: left;
    }

    .DivF2{
        width: 70mm;
        margin: 40mm auto 0 auto;
        float: left;
        font-size:18px;
        color: #ffffff;
    }

    .DivS_1{
        height: 90mm;
        width: 100mm;
        margin-left:10mm;
        float: left;
    }

    .DivS_2{
        height: 90mm;
        width: 100mm;
        margin: 0 auto;
        float: left;
    }

    .DivS_3{
        height:34mm;
        width:180mm;
        background:none;
        resize:none;
        font-size:21px;
        margin-left: 15mm;
        color: #ffffff;
        float: left;
        border: 3px solid #ffffff;
        border-radius: 15px;
    }

    .DivR{
        height: 90mm;
        width: 200mm;
        padding:0 5mm 0 5mm;
        float: left;
        margin-top:10mm;
    }
</style>
<div id="page-wrapper">
    <div class="box box-body" id="chart_container" style="width:210mm;padding:0 !important;margin: 0 auto;">
    </div>
    <div style="text-align: center;margin-top: 10mm;margin-bottom: 10mm;">
        {{--<button id="btn_save" class="btn btn-success" style="width: 50mm;height: 20mm;font-size: larger;font-weight: bolder" onclick="save_memo()">保存评语</button>--}}
        <button id="btn_pdf" class="btn btn-danger" style="width: 50mm;height: 20mm;font-size: larger;font-weight: bolder" onclick="o_window()">保存为PDF</button>
    </div>
</div>
<script type="text/javascript">
    var color = '';
    var indicator = [];
    var radar={person:[],camp:[]};
    $(document).ready(function(){
        var url = window.location.href;
        pid = url.split('=')[2];

        var request = {id:pid};
        $.ajaxSetup({headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},async:false});
        $.post('/admin/kly_report_get',request,function(e){
            var stu = e.student;
            var item = e.item;
            var common = e.common;
            var camp = e.camp;
            var i = 0;
            var memo = e.memo;
            var stu_id = "{{$id}}";
            for(x in stu){
                if(x != parseInt(stu_id)){
                    continue;
                }
                var url = camp.cover;
                var html = '<div id="page0-'+i+'" style="width:210mm;height:297mm;background:url('+url+') no-repeat;background-size:210mm 297mm;margin:0;padding:0;">';
                html += '<div style="padding-left: 42mm;padding-top:127mm;font-size: 6.5mm;font-family:PingFangSC-Semibold;line-height:16mm;">';
                html += '<div>'+stu[x].ch_name+'</div><div>'+stu[x].en_name+'</div><div>'+e.camp_name+'</div><div>'+e.tutor+'</div></div>';
                html += '</div>';
                $('#chart_container').append(html);
                $('#chart_container').attr('stu_name',stu[x].ch_name+'-'+stu[x].en_name);

                var j = 0;
                // console.log(item);
                for(t in item){
                    url = camp.background;
                    if(j % 2 == 0){
                        html = '<div id="page'+(Math.floor(j/2)+1)+'-'+i+'" style="width:210mm;height:297mm;background:url('+url+') no-repeat;background-size:210mm 297mm;margin:0;padding:0;"></div>';
                        $('#chart_container').append(html);

                        html = '<div class="headDiv"></div>';
                        $('#page'+(Math.floor(j/2)+1)+'-'+i).append(html);
                    }
                    //判断是不是最后一项，是则要填写区域
                    if (t == item.length-1) {
                        if(item[t].item == 'radar'){
                            html = '<div>\n' +
                                '    <div id="div1" class="DivR"></div>\n' +
                                '</div>';
                            $('#page'+(Math.floor(j/2)+1)+'-'+i).append(html);
                            var dom1 = document.getElementById("div1");
                            var myChart1 = echarts.init(dom1);

                            option = {
                                title: {
                                    text: ''
                                },
                                tooltip: {},
                                legend: {
                                    data: ['个人','小营'],
                                    left:10
                                },
                                color:e.color.image,
                                radar: {
                                    name: {
                                        textStyle: {
                                            color: 'white',
                                            //backgroundColor: '#999',
                                            borderRadius: 3,
                                            padding: [3, 5],
                                            fontSize:25
                                        }
                                    },
                                    indicator: indicator,
                                    startAngle:45,
                                },
                                series: [{
                                    type: 'radar',
                                    data : [
                                        {
                                            value : radar.person,
                                            name : '个人',
                                            areaStyle:{
                                                normal:{
                                                    color:'#fff000'
                                                }
                                            }
                                        },
                                        {
                                            value : radar.camp,
                                            name : '小营',
                                            areaStyle:{
                                                normal:{
                                                    color:'rgba(193,35,43,0.3)'
                                                }
                                            }
                                        }
                                    ]
                                }]
                            };
                            myChart1.setOption(option);
                            continue;
                        }
                        if(item[t].type == "3"){
                            var temp_indi = {};
                            temp_indi.name = item[t].name+'分数';
                            temp_indi.max = 100;
                            indicator.push(temp_indi);

                            var temp_indi = {};
                            temp_indi.name = item[t].name+'正常率';
                            temp_indi.max = 100;
                            indicator.push(temp_indi);

                            radar.person.push(stu[x][item[t].item].avg);
                            radar.person.push(stu[x][item[t].item].rate);
                            radar.camp.push(common['small_'+item[t].item+'_avg']);
                            radar.camp.push(common['small_'+item[t].item]);

                            html = '<div>\n' +
                                '    <div id="div1" class="DivS_1"></div>\n' +
                                '    <div id="div2" class="DivS_2"></div>\n' +
                                '    <div id="div3" class="DivS_3"></div>\n' +
                                '</div>';
                           
                            $('#page'+(Math.floor(j/2)+1)+'-'+i).append(html);
                            var dom1 = document.getElementById("div1");
                            var myChart1 = echarts.init(dom1);
                            var data = [];
                            var tag = 0;

                            data.push(stu[x][item[t].item].rate);
                            data.push(common['small_'+item[t].item]);
                            data.push(common['big_'+item[t].item]);

                            var name = '';
                            if(item[t].name == '考勤'){
                                name = item[t].name+"全勤率";
                            }else if(item[t].name == '测试' || item[t].name == '家校' || item[t].name == '作业' || item[t].name == '听写'){
                                name = item[t].name+"准交率";
                            }else{
                                name = item[t].name+"正常率";
                            }
                            option = {
                                legend: {
                                    textStyle:{
                                        color:e.color.text
                                    },
                                },
                                tooltip: {},
                                title: {
                                    text:name,
                                    textStyle:{
                                        color:e.color.text
                                    },
                                },
                                xAxis: {
                                    type: 'category',
                                    axisLine: {
                                        lineStyle: {
                                            type: 'solid',
                                            color: e.color.axis,//左边线的颜色
                                        }
                                    },
                                    axisLabel: {
                                        textStyle: {
                                            color: e.color.text,//坐标值得具体的颜色

                                        }
                                    }
                                },
                                yAxis: {
                                    axisLine: {
                                        lineStyle: {
                                            type: 'solid',
                                            color: e.color.axis,//左边线的颜色
                                        }
                                    },
                                    axisLabel: {
                                        textStyle: {
                                            color: e.color.text,//坐标值得具体的颜色

                                        }
                                    },
                                    splitLine:{
                                        lineStyle:{
                                            color:e.color.split
                                        }
                                    }
                                },
                                color:e.color.image,
                                series: [
                                    {type: 'bar',label: {normal: {
                                                show: true,
                                                position: 'top',
                                                color:e.color.image_display,
                                                formatter: '{a}\n{c}',
                                                fontSize: 16,
                                            }},data:[data[0]],name:'个人'},
                                    {type: 'bar',label: {normal: {
                                                show: true,
                                                position: 'top',
                                                color:e.color.image_display,
                                                formatter: '{a}\n{c}',
                                                fontSize: 16,
                                            }},data:[data[1]],name:'小营'},
                                    {type: 'bar',label: {normal: {
                                                show: true,
                                                position: 'top',
                                                color:e.color.image_display,
                                                formatter: '{a}\n{c}',
                                                fontSize: 16,
                                            }},data:[data[2]],name:'大营'}
                                ]
                            };
                            myChart1.setOption(option);


                            data = [];
                            name = item[t].name+'分数';
                            if(item[t].multi == 1){
                                var title = [];
                                for(d=1;d<=Object.keys(common['big_'+item[t].item+'_score']).length;d++){
                                    title.push('第'+d+'次');
                                }
                                option = {
                                    title: {
                                        text: name,
                                        textStyle:{
                                            color:e.color.text
                                        },
                                    },
                                    tooltip: {
                                        trigger: 'axis'
                                    },
                                    color:e.color.image,
                                    legend: {
                                        data:['个人','小营','大营'],
                                        textStyle:{
                                            color:e.color.text
                                        },
                                    },
                                    grid: {},
                                    xAxis: {
                                        type: 'category',
                                        boundaryGap: false,
                                        data:title,
                                        axisLine: {
                                            lineStyle: {
                                                type: 'solid',
                                                color: e.color.axis,//左边线的颜色
                                            }
                                        },
                                        axisLabel: {
                                            textStyle: {
                                                color: e.color.text,//坐标值得具体的颜色

                                            }
                                        }
                                    },
                                    yAxis: {
                                        type: 'value',
                                        axisLine: {
                                            lineStyle: {
                                                type: 'solid',
                                                color: e.color.axis,//左边线的颜色
                                            }
                                        },
                                        axisLabel: {
                                            textStyle: {
                                                color: e.color.text,//坐标值得具体的颜色

                                            }
                                        },
                                        splitLine:{
                                            lineStyle:{
                                                color:e.color.split
                                            }
                                        }
                                    },
                                    series: [
                                        {
                                            name:'个人',
                                            type:'line',
                                            data:Object.keys(stu[x][item[t].item].all).map(function (key) {
                                                return stu[x][item[t].item].all[key];
                                            }),
                                            itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                                            lineStyle : {normal:{width:3}}
                                        },
                                        {
                                            name:'小营',
                                            type:'line',
                                            data:Object.keys(common['small_'+item[t].item+'_score']).map(function (key) {
                                                return common['small_'+item[t].item+'_score'][key];
                                            }),
                                            itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                                            lineStyle : {normal:{width:3}}
                                        },
                                        {
                                            name:'大营',
                                            type:'line',
                                            data:Object.keys(common['big_'+item[t].item+'_score']).map(function (key) {
                                                return common['big_'+item[t].item+'_score'][key];
                                            }),
                                            itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                                            lineStyle : {normal:{width:3}}
                                        }
                                    ]
                                };
                            }else{
                                data.push(stu[x][item[t].item].avg);
                                data.push(common['small_'+item[t].item+'_avg']);
                                data.push(common['big_'+item[t].item+'_avg']);
                                option = {
                                    legend: {
                                        textStyle:{
                                            color:e.color.text
                                        },
                                    },
                                    tooltip: {},
                                    title: {
                                        text:name,
                                        textStyle:{
                                            color:e.color.text
                                        },
                                    },
                                    xAxis: {
                                        type: 'category',
                                        axisLine: {
                                            lineStyle: {
                                                type: 'solid',
                                                color: e.color.axis,//左边线的颜色
                                            }
                                        },
                                        axisLabel: {
                                            textStyle: {
                                                color: e.color.text,//坐标值得具体的颜色

                                            }
                                        }
                                    },
                                    yAxis: {
                                        axisLine: {
                                            lineStyle: {
                                                type: 'solid',
                                                color: e.color.axis,//左边线的颜色
                                            }
                                        },
                                        axisLabel: {
                                            textStyle: {
                                                color: e.color.text,//坐标值得具体的颜色

                                            }
                                        },
                                        splitLine:{
                                            lineStyle:{
                                                color:e.color.split
                                            }
                                        }
                                    },
                                    color:e.color.image,
                                    series: [
                                        {type: 'bar',label: {normal: {
                                                    show: true,
                                                    position: 'top',
                                                    color:e.color.image_display,
                                                    formatter: '{a}\n{c}',
                                                    fontSize: 16,
                                                }},data:[data[0]],name:'个人'},
                                        {type: 'bar',label: {normal: {
                                                    show: true,
                                                    position: 'top',
                                                    color:e.color.image_display,
                                                    formatter: '{a}\n{c}',
                                                    fontSize: 16,
                                                }},data:[data[1]],name:'小营'},
                                        {type: 'bar',label: {normal: {
                                                    show: true,
                                                    position: 'top',
                                                    color:e.color.image_display,
                                                    formatter: '{a}\n{c}',
                                                    fontSize: 16,
                                                }},data:[data[2]],name:'大营'}
                                    ]
                                };
                            }

                            var dom2 = document.getElementById("div2");
                            var myChart2 = echarts.init(dom2);
                            myChart2.setOption(option);

                            if(typeof(stu[x][item[t].item].score_memo) != "undefined"){
                                $('#div3').text(stu[x][item[t].item].score_memo);
                            }else{
                                $('#div3').text(stu[x][item[t].item].rate_memo);
                            }

                            if(memo != null && typeof(memo[j]) != "undefined" && memo[j] != "undefined"){
                                $('#area1').text(memo[j]);
                            }
                            $('#div1').removeAttr('id');
                            $('#div2').removeAttr('id');
                            $('#div3').removeAttr('id');
                            $('#area1').removeAttr('id');
                        }else{
                            html = '<div style="">\n' +
                                '    <div id="div1" class="DivF1"></div>\n' +
                                '    <div id="div2" class="DivF2"></div>\n' +
                                '</div>';
                            $('#page'+(Math.floor(j/2)+1)+'-'+i).append(html);
                            var dom1 = document.getElementById("div1");
                            var myChart1 = echarts.init(dom1);
                            var data = [];
                            var tag = 0;
                            var name = '';
                            if(item[t].type == "1"){
                                data.push(stu[x][item[t].item].rate);
                                data.push(common['small_'+item[t].item]);
                                data.push(common['big_'+item[t].item]);

                                var temp_indi = {};
                                temp_indi.name = item[t].name+'正常率';
                                temp_indi.max = 100;
                                indicator.push(temp_indi);

                                radar.person.push(stu[x][item[t].item].rate);
                                radar.camp.push(common['small_'+item[t].item]);

                                if(item[t].name == '考勤'){
                                    name = item[t].name+"全勤率";
                                }else if(item[t].name == '测试' || item[t].name == '家校' || item[t].name == '作业' || item[t].name == '听写'){
                                    name = item[t].name+"准交率";
                                }else{
                                    name = item[t].name+"正常率";
                                }
                            }else{
                                var temp_indi = {};
                                temp_indi.name = item[t].name+'分数';
                                temp_indi.max = 100;
                                indicator.push(temp_indi);
                                radar.person.push(stu[x][item[t].item].avg);
                                radar.camp.push(common['small_'+item[t].item]);
                                if(item[t].multi == 1){
                                    tag = 1;
                                }else{
                                    data.push(stu[x][item[t].item].avg);
                                    data.push(common['small_'+item[t].item+'_avg']);
                                    data.push(common['big_'+item[t].item+'_avg']);
                                }
                                name = item[t].name+'分数';
                            }
                            if(tag == 1){
                                var title = [];
                                for(d=1;d<=Object.keys(common['big_'+item[t].item+'_score']).length;d++){
                                    title.push('第'+d+'次');
                                }
                                option = {
                                    title: {
                                        text: name,
                                        textStyle:{
                                            color:e.color.text
                                        },
                                    },
                                    tooltip: {
                                        trigger: 'axis'
                                    },
                                    legend: {
                                        data:['个人','小营','大营'],
                                        textStyle:{
                                            color:e.color.text
                                        },
                                    },
                                    color:e.color.image,
                                    grid: {},
                                    xAxis: {
                                        type: 'category',
                                        boundaryGap: false,
                                        data:title,
                                        axisLine: {
                                            lineStyle: {
                                                type: 'solid',
                                                color: e.color.axis,//左边线的颜色
                                            }
                                        },
                                        axisLabel: {
                                            textStyle: {
                                                color: e.color.text,//坐标值得具体的颜色

                                            }
                                        }
                                    },
                                    yAxis: {
                                        type: 'value',
                                        axisLine: {
                                            lineStyle: {
                                                type: 'solid',
                                                color: e.color.axis,//左边线的颜色
                                            }
                                        },
                                        axisLabel: {
                                            textStyle: {
                                                color: e.color.text,//坐标值得具体的颜色

                                            }
                                        },
                                        splitLine:{
                                            lineStyle:{
                                                color:e.color.split
                                            }
                                        }
                                    },
                                    series: [
                                        {
                                            name:'个人',
                                            type:'line',
                                            data:Object.keys(stu[x][item[t].item].all).map(function (key) {
                                                return stu[x][item[t].item].all[key];
                                            }),
                                            itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                                            lineStyle : {normal:{width:3}}
                                        },
                                        {
                                            name:'小营',
                                            type:'line',
                                            data:Object.keys(common['small_'+item[t].item+'_score']).map(function (key) {
                                                return common['small_'+item[t].item+'_score'][key];
                                            }),
                                            itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                                            lineStyle : {normal:{width:3}}
                                        },
                                        {
                                            name:'大营',
                                            type:'line',
                                            data:Object.keys(common['big_'+item[t].item+'_score']).map(function (key) {
                                                return common['big_'+item[t].item+'_score'][key];
                                            }),
                                            itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                                            lineStyle : {normal:{width:3}}
                                        }
                                    ]
                                };
                            }else{
                                option = {
                                    legend: {
                                        textStyle:{
                                            color:e.color.text
                                        },
                                    },
                                    tooltip: {},
                                    title: {
                                        text:name,
                                        textStyle:{
                                            color:e.color.text
                                        },
                                    },
                                    color:e.color.image,
                                    xAxis: {
                                        type: 'category',
                                        axisLine: {
                                            lineStyle: {
                                                type: 'solid',
                                                color: e.color.axis,//左边线的颜色
                                            }
                                        },
                                        axisLabel: {
                                            textStyle: {
                                                color: e.color.text,//坐标值得具体的颜色

                                            }
                                        }
                                    },
                                    yAxis: {
                                        axisLine: {
                                            lineStyle: {
                                                type: 'solid',
                                                color: e.color.axis,//左边线的颜色
                                            }
                                        },
                                        axisLabel: {
                                            textStyle: {
                                                color: e.color.text,//坐标值得具体的颜色

                                            }
                                        },
                                        splitLine:{
                                            lineStyle:{
                                                color:e.color.split
                                            }
                                        }
                                    },
                                    series: [
                                        {type: 'bar',label: {normal: {
                                                    show: true,
                                                    position: 'top',
                                                    color:e.color.image_display,
                                                    formatter: '{a}\n{c}',
                                                    fontSize: 16,
                                                }},data:[data[0]],name:'个人'},
                                        {type: 'bar',label: {normal: {
                                                    show: true,
                                                    position: 'top',
                                                    color:e.color.image_display,
                                                    formatter: '{a}\n{c}',
                                                    fontSize: 16,
                                                }},data:[data[1]],name:'小营'},
                                        {type: 'bar',label: {normal: {
                                                    show: true,
                                                    position: 'top',
                                                    color:e.color.image_display,
                                                    formatter: '{a}\n{c}',
                                                    fontSize: 16,
                                                }},data:[data[2]],name:'大营'}
                                    ]
                                };
                            }

                            myChart1.setOption(option);
                            if(typeof(stu[x][item[t].item].score_memo) != "undefined"){
                                $('#div2').text(stu[x][item[t].item].score_memo);
                            }else{
                                $('#div2').text(stu[x][item[t].item].rate_memo);
                            }
                            if(memo != null && typeof(memo[j]) != "undefined" && memo[j] != "undefined"){
                                $('#area1').text(memo[j]);
                            }
                            $('#div1').removeAttr('id');
                            $('#div2').removeAttr('id');
                            $('#area1').removeAttr('id');
                        }
                    }else{
                        //判断是不是第奇数项，是则要填写区域，不是则不要
                        if (t % 2 == 0) {
                            if(item[t].item == 'radar'){
                                html = '<div>\n' +
                                    '    <div id="div1" class="DivR"></div>\n' +
                                    '</div>';
                                $('#page'+(Math.floor(j/2)+1)+'-'+i).append(html);
                                var dom1 = document.getElementById("div1");
                                var myChart1 = echarts.init(dom1);

                                option = {
                                    title: {
                                        text: ''
                                    },
                                    tooltip: {},
                                    legend: {
                                        data: ['个人','小营'],
                                        left:10
                                    },
                                    color:e.color.image,
                                    radar: {
                                        name: {
                                            textStyle: {
                                                color: 'white',
                                                //backgroundColor: '#999',
                                                borderRadius: 3,
                                                padding: [3, 5],
                                                fontSize:25
                                            }
                                        },
                                        indicator: indicator,
                                        startAngle:45,
                                    },
                                    series: [{
                                        type: 'radar',
                                        data : [
                                            {
                                                value : radar.person,
                                                name : '个人',
                                                areaStyle:{
                                                    normal:{
                                                        color:'#fff000'
                                                    }
                                                }
                                            },
                                            {
                                                value : radar.camp,
                                                name : '小营',
                                                areaStyle:{
                                                    normal:{
                                                        color:'red'
                                                    }
                                                }
                                            }
                                        ]
                                    }]
                                };
                                myChart1.setOption(option);
                                continue;
                            }
                            if(item[t].type == "3"){
                                var temp_indi = {};
                                temp_indi.name = item[t].name+'分数';
                                temp_indi.max = 100;
                                indicator.push(temp_indi);

                                var temp_indi = {};
                                temp_indi.name = item[t].name+'正常率';
                                temp_indi.max = 100;
                                indicator.push(temp_indi);

                                radar.person.push(stu[x][item[t].item].avg);
                                radar.person.push(stu[x][item[t].item].rate);
                                radar.camp.push(common['small_'+item[t].item+'_avg']);
                                radar.camp.push(common['small_'+item[t].item]);

                                html = '<div>\n' +
                                    '    <div id="div1" class="DivS_1"></div>\n' +
                                    '    <div id="div2" class="DivS_2"></div>\n' +
                                    '    <div id="div3" class="DivS_3"></div>\n' +
                                    '</div>';
                               
                                $('#page'+(Math.floor(j/2)+1)+'-'+i).append(html);
                                var dom1 = document.getElementById("div1");
                                var myChart1 = echarts.init(dom1);
                                var data = [];
                                var tag = 0;

                                data.push(stu[x][item[t].item].rate);
                                data.push(common['small_'+item[t].item]);
                                data.push(common['big_'+item[t].item]);

                                var name = '';
                                if(item[t].name == '考勤'){
                                    name = item[t].name+"全勤率";
                                }else if(item[t].name == '测试' || item[t].name == '家校' || item[t].name == '作业' || item[t].name == '听写'){
                                    name = item[t].name+"准交率";
                                }else{
                                    name = item[t].name+"正常率";
                                }
                                option = {
                                    legend: {
                                        textStyle:{
                                            color:e.color.text
                                        },
                                    },
                                    tooltip: {},
                                    title: {
                                        text:name,
                                        textStyle:{
                                            color:e.color.text
                                        },
                                    },
                                    xAxis: {
                                        type: 'category',
                                        axisLine: {
                                            lineStyle: {
                                                type: 'solid',
                                                color: e.color.axis,//左边线的颜色
                                            }
                                        },
                                        axisLabel: {
                                            textStyle: {
                                                color: e.color.text,//坐标值得具体的颜色

                                            }
                                        }
                                    },
                                    yAxis: {
                                        axisLine: {
                                            lineStyle: {
                                                type: 'solid',
                                                color: e.color.axis,//左边线的颜色
                                            }
                                        },
                                        axisLabel: {
                                            textStyle: {
                                                color: e.color.text,//坐标值得具体的颜色

                                            }
                                        },
                                        splitLine:{
                                            lineStyle:{
                                                color:e.color.split
                                            }
                                        }
                                    },
                                    color:e.color.image,
                                    series: [
                                        {type: 'bar',label: {normal: {
                                                    show: true,
                                                    position: 'top',
                                                    color:e.color.image_display,
                                                    formatter: '{a}\n{c}',
                                                    fontSize: 16,
                                                }},data:[data[0]],name:'个人'},
                                        {type: 'bar',label: {normal: {
                                                    show: true,
                                                    position: 'top',
                                                    color:e.color.image_display,
                                                    formatter: '{a}\n{c}',
                                                    fontSize: 16,
                                                }},data:[data[1]],name:'小营'},
                                        {type: 'bar',label: {normal: {
                                                    show: true,
                                                    position: 'top',
                                                    color:e.color.image_display,
                                                    formatter: '{a}\n{c}',
                                                    fontSize: 16,
                                                }},data:[data[2]],name:'大营'}
                                    ]
                                };
                                myChart1.setOption(option);


                                data = [];
                                name = item[t].name+'分数';
                                if(item[t].multi == 1){
                                    var title = [];
                                    for(d=1;d<=Object.keys(common['big_'+item[t].item+'_score']).length;d++){
                                        title.push('第'+d+'次');
                                    }
                                    option = {
                                        title: {
                                            text: name,
                                            textStyle:{
                                                color:e.color.text
                                            },
                                        },
                                        tooltip: {
                                            trigger: 'axis'
                                        },
                                        color:e.color.image,
                                        legend: {
                                            data:['个人','小营','大营'],
                                            textStyle:{
                                                color:e.color.text
                                            },
                                        },
                                        grid: {},
                                        xAxis: {
                                            type: 'category',
                                            boundaryGap: false,
                                            data:title,
                                            axisLine: {
                                                lineStyle: {
                                                    type: 'solid',
                                                    color: e.color.axis,//左边线的颜色
                                                }
                                            },
                                            axisLabel: {
                                                textStyle: {
                                                    color: e.color.text,//坐标值得具体的颜色

                                                }
                                            }
                                        },
                                        yAxis: {
                                            type: 'value',
                                            axisLine: {
                                                lineStyle: {
                                                    type: 'solid',
                                                    color: e.color.axis,//左边线的颜色
                                                }
                                            },
                                            axisLabel: {
                                                textStyle: {
                                                    color: e.color.text,//坐标值得具体的颜色

                                                }
                                            },
                                            splitLine:{
                                                lineStyle:{
                                                    color:e.color.split
                                                }
                                            }
                                        },
                                        series: [
                                            {
                                                name:'个人',
                                                type:'line',
                                                data:Object.keys(stu[x][item[t].item].all).map(function (key) {
                                                    return stu[x][item[t].item].all[key];
                                                }),
                                                itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                                                lineStyle : {normal:{width:3}}
                                            },
                                            {
                                                name:'小营',
                                                type:'line',
                                                data:Object.keys(common['small_'+item[t].item+'_score']).map(function (key) {
                                                    return common['small_'+item[t].item+'_score'][key];
                                                }),
                                                itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                                                lineStyle : {normal:{width:3}}
                                            },
                                            {
                                                name:'大营',
                                                type:'line',
                                                data:Object.keys(common['big_'+item[t].item+'_score']).map(function (key) {
                                                    return common['big_'+item[t].item+'_score'][key];
                                                }),
                                                itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                                                lineStyle : {normal:{width:3}}
                                            }
                                        ]
                                    };
                                }else{
                                    data.push(stu[x][item[t].item].avg);
                                    data.push(common['small_'+item[t].item+'_avg']);
                                    data.push(common['big_'+item[t].item+'_avg']);
                                    option = {
                                        legend: {
                                            textStyle:{
                                                color:e.color.text
                                            },
                                        },
                                        tooltip: {},
                                        title: {
                                            text:name,
                                            textStyle:{
                                                color:e.color.text
                                            },
                                        },
                                        xAxis: {
                                            type: 'category',
                                            axisLine: {
                                                lineStyle: {
                                                    type: 'solid',
                                                    color: e.color.axis,//左边线的颜色
                                                }
                                            },
                                            axisLabel: {
                                                textStyle: {
                                                    color: e.color.text,//坐标值得具体的颜色

                                                }
                                            }
                                        },
                                        yAxis: {
                                            axisLine: {
                                                lineStyle: {
                                                    type: 'solid',
                                                    color: e.color.axis,//左边线的颜色
                                                }
                                            },
                                            axisLabel: {
                                                textStyle: {
                                                    color: e.color.text,//坐标值得具体的颜色

                                                }
                                            },
                                            splitLine:{
                                                lineStyle:{
                                                    color:e.color.split
                                                }
                                            }
                                        },
                                        color:e.color.image,
                                        series: [
                                            {type: 'bar',label: {normal: {
                                                        show: true,
                                                        position: 'top',
                                                        color:e.color.image_display,
                                                        formatter: '{a}\n{c}',
                                                        fontSize: 16,
                                                    }},data:[data[0]],name:'个人'},
                                            {type: 'bar',label: {normal: {
                                                        show: true,
                                                        position: 'top',
                                                        color:e.color.image_display,
                                                        formatter: '{a}\n{c}',
                                                        fontSize: 16,
                                                    }},data:[data[1]],name:'小营'},
                                            {type: 'bar',label: {normal: {
                                                        show: true,
                                                        position: 'top',
                                                        color:e.color.image_display,
                                                        formatter: '{a}\n{c}',
                                                        fontSize: 16,
                                                    }},data:[data[2]],name:'大营'}
                                        ]
                                    };
                                }

                                var dom2 = document.getElementById("div2");
                                var myChart2 = echarts.init(dom2);
                                myChart2.setOption(option);

                                if(typeof(stu[x][item[t].item].score_memo) != "undefined"){
                                    $('#div3').text(stu[x][item[t].item].score_memo);
                                }else{
                                    $('#div3').text(stu[x][item[t].item].rate_memo);
                                }

                                if(memo != null && typeof(memo[j]) != "undefined" && memo[j] != "undefined"){
                                    $('#area1').text(memo[j]);
                                }
                                $('#div1').removeAttr('id');
                                $('#div2').removeAttr('id');
                                $('#div3').removeAttr('id');
                                $('#area1').removeAttr('id');
                            }else{
                                html = '<div style="">\n' +
                                    '    <div id="div1" class="DivF1"></div>\n' +
                                    '    <div id="div2" class="DivF2"></div>\n' +
                                    '</div>';
                                $('#page'+(Math.floor(j/2)+1)+'-'+i).append(html);
                                var dom1 = document.getElementById("div1");
                                var myChart1 = echarts.init(dom1);
                                var data = [];
                                var tag = 0;
                                var name = '';
                                if(item[t].type == "1"){
                                    data.push(stu[x][item[t].item].rate);
                                    data.push(common['small_'+item[t].item]);
                                    data.push(common['big_'+item[t].item]);

                                    var temp_indi = {};
                                    temp_indi.name = item[t].name+'正常率';
                                    temp_indi.max = 100;
                                    indicator.push(temp_indi);

                                    radar.person.push(stu[x][item[t].item].rate);
                                    radar.camp.push(common['small_'+item[t].item]);

                                    if(item[t].name == '考勤'){
                                        name = item[t].name+"全勤率";
                                    }else if(item[t].name == '测试' || item[t].name == '家校' || item[t].name == '作业' || item[t].name == '听写'){
                                        name = item[t].name+"准交率";
                                    }else{
                                        name = item[t].name+"正常率";
                                    }
                                }else{
                                    var temp_indi = {};
                                    temp_indi.name = item[t].name+'分数';
                                    temp_indi.max = 100;
                                    indicator.push(temp_indi);
                                    radar.person.push(stu[x][item[t].item].avg);
                                    radar.camp.push(common['small_'+item[t].item]);
                                    if(item[t].multi == 1){
                                        tag = 1;
                                    }else{
                                        data.push(stu[x][item[t].item].avg);
                                        data.push(common['small_'+item[t].item+'_avg']);
                                        data.push(common['big_'+item[t].item+'_avg']);
                                    }
                                    name = item[t].name+'分数';
                                }
                                if(tag == 1){
                                    var title = [];
                                    for(d=1;d<=Object.keys(common['big_'+item[t].item+'_score']).length;d++){
                                        title.push('第'+d+'次');
                                    }
                                    option = {
                                        title: {
                                            text: name,
                                            textStyle:{
                                                color:e.color.text
                                            },
                                        },
                                        tooltip: {
                                            trigger: 'axis'
                                        },
                                        legend: {
                                            data:['个人','小营','大营'],
                                            textStyle:{
                                                color:e.color.text
                                            },
                                        },
                                        color:e.color.image,
                                        grid: {},
                                        xAxis: {
                                            type: 'category',
                                            boundaryGap: false,
                                            data:title,
                                            axisLine: {
                                                lineStyle: {
                                                    type: 'solid',
                                                    color: e.color.axis,//左边线的颜色
                                                }
                                            },
                                            axisLabel: {
                                                textStyle: {
                                                    color: e.color.text,//坐标值得具体的颜色

                                                }
                                            }
                                        },
                                        yAxis: {
                                            type: 'value',
                                            axisLine: {
                                                lineStyle: {
                                                    type: 'solid',
                                                    color: e.color.axis,//左边线的颜色
                                                }
                                            },
                                            axisLabel: {
                                                textStyle: {
                                                    color: e.color.text,//坐标值得具体的颜色

                                                }
                                            },
                                            splitLine:{
                                                lineStyle:{
                                                    color:e.color.split
                                                }
                                            }
                                        },
                                        series: [
                                            {
                                                name:'个人',
                                                type:'line',
                                                data:Object.keys(stu[x][item[t].item].all).map(function (key) {
                                                    return stu[x][item[t].item].all[key];
                                                }),
                                                itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                                                lineStyle : {normal:{width:3}}
                                            },
                                            {
                                                name:'小营',
                                                type:'line',
                                                data:Object.keys(common['small_'+item[t].item+'_score']).map(function (key) {
                                                    return common['small_'+item[t].item+'_score'][key];
                                                }),
                                                itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                                                lineStyle : {normal:{width:3}}
                                            },
                                            {
                                                name:'大营',
                                                type:'line',
                                                data:Object.keys(common['big_'+item[t].item+'_score']).map(function (key) {
                                                    return common['big_'+item[t].item+'_score'][key];
                                                }),
                                                itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                                                lineStyle : {normal:{width:3}}
                                            }
                                        ]
                                    };
                                }else{
                                    option = {
                                        legend: {
                                            textStyle:{
                                                color:e.color.text
                                            },
                                        },
                                        tooltip: {},
                                        title: {
                                            text:name,
                                            textStyle:{
                                                color:e.color.text
                                            },
                                        },
                                        color:e.color.image,
                                        xAxis: {
                                            type: 'category',
                                            axisLine: {
                                                lineStyle: {
                                                    type: 'solid',
                                                    color: e.color.axis,//左边线的颜色
                                                }
                                            },
                                            axisLabel: {
                                                textStyle: {
                                                    color: e.color.text,//坐标值得具体的颜色

                                                }
                                            }
                                        },
                                        yAxis: {
                                            axisLine: {
                                                lineStyle: {
                                                    type: 'solid',
                                                    color: e.color.axis,//左边线的颜色
                                                }
                                            },
                                            axisLabel: {
                                                textStyle: {
                                                    color: e.color.text,//坐标值得具体的颜色

                                                }
                                            },
                                            splitLine:{
                                                lineStyle:{
                                                    color:e.color.split
                                                }
                                            }
                                        },
                                        series: [
                                            {type: 'bar',label: {normal: {
                                                        show: true,
                                                        position: 'top',
                                                        color:e.color.image_display,
                                                        formatter: '{a}\n{c}',
                                                        fontSize: 16,
                                                    }},data:[data[0]],name:'个人'},
                                            {type: 'bar',label: {normal: {
                                                        show: true,
                                                        position: 'top',
                                                        color:e.color.image_display,
                                                        formatter: '{a}\n{c}',
                                                        fontSize: 16,
                                                    }},data:[data[1]],name:'小营'},
                                            {type: 'bar',label: {normal: {
                                                        show: true,
                                                        position: 'top',
                                                        color:e.color.image_display,
                                                        formatter: '{a}\n{c}',
                                                        fontSize: 16,
                                                    }},data:[data[2]],name:'大营'}
                                        ]
                                    };
                                }

                                myChart1.setOption(option);
                                if(typeof(stu[x][item[t].item].score_memo) != "undefined"){
                                    $('#div2').text(stu[x][item[t].item].score_memo);
                                }else{
                                    $('#div2').text(stu[x][item[t].item].rate_memo);
                                }
                                if(memo != null && typeof(memo[j]) != "undefined" && memo[j] != "undefined"){
                                    $('#area1').text(memo[j]);
                                }
                                $('#div1').removeAttr('id');
                                $('#div2').removeAttr('id');
                                $('#area1').removeAttr('id');
                            }
                        }else{
                            if(item[t].item == 'radar'){
                                html = '<div>\n' +
                                    '    <div id="div1" class="DivR"></div>\n' +
                                    '</div>';
                                $('#page'+(Math.floor(j/2)+1)+'-'+i).append(html);
                                var dom1 = document.getElementById("div1");
                                var myChart1 = echarts.init(dom1);

                                option = {
                                    title: {
                                        text: ''
                                    },
                                    tooltip: {},
                                    legend: {
                                        data: ['个人','小营'],
                                        left:10
                                    },
                                    color:e.color.image,
                                    radar: {
                                        name: {
                                            textStyle: {
                                                color: 'white',
                                                //backgroundColor: '#999',
                                                borderRadius: 3,
                                                padding: [3, 5],
                                                fontSize:25
                                            }
                                        },
                                        indicator: indicator,
                                        startAngle:45,
                                    },
                                    series: [{
                                        type: 'radar',
                                        data : [
                                            {
                                                value : radar.person,
                                                name : '个人',
                                                areaStyle:{
                                                    normal:{
                                                        color:'#fff000'
                                                    }
                                                }
                                            },
                                            {
                                                value : radar.camp,
                                                name : '小营',
                                                areaStyle:{
                                                    normal:{
                                                        color:'red'
                                                    }
                                                }
                                            }
                                        ]
                                    }]
                                };
                                myChart1.setOption(option);
                                continue;
                            }
                            if(item[t].type == "3"){
                                var temp_indi = {};
                                temp_indi.name = item[t].name+'分数';
                                temp_indi.max = 100;
                                indicator.push(temp_indi);

                                var temp_indi = {};
                                temp_indi.name = item[t].name+'正常率';
                                temp_indi.max = 100;
                                indicator.push(temp_indi);

                                radar.person.push(stu[x][item[t].item].avg);
                                radar.person.push(stu[x][item[t].item].rate);
                                radar.camp.push(common['small_'+item[t].item+'_avg']);
                                radar.camp.push(common['small_'+item[t].item]);

                                html = '<div>\n' +
                                    '    <div id="div1" class="DivS_1"></div>\n' +
                                    '    <div id="div2" class="DivS_2"></div>\n' +
                                    '    <div id="div3" class="DivS_3"></div>\n' +
                                    '</div>';
                               
                                $('#page'+(Math.floor(j/2)+1)+'-'+i).append(html);
                                var dom1 = document.getElementById("div1");
                                var myChart1 = echarts.init(dom1);
                                var data = [];
                                var tag = 0;

                                data.push(stu[x][item[t].item].rate);
                                data.push(common['small_'+item[t].item]);
                                data.push(common['big_'+item[t].item]);

                                var name = '';
                                if(item[t].name == '考勤'){
                                    name = item[t].name+"全勤率";
                                }else if(item[t].name == '测试' || item[t].name == '家校' || item[t].name == '作业' || item[t].name == '听写'){
                                    name = item[t].name+"准交率";
                                }else{
                                    name = item[t].name+"正常率";
                                }
                                option = {
                                    legend: {
                                        textStyle:{
                                            color:e.color.text
                                        },
                                    },
                                    tooltip: {},
                                    title: {
                                        text:name,
                                        textStyle:{
                                            color:e.color.text
                                        },
                                    },
                                    xAxis: {
                                        type: 'category',
                                        axisLine: {
                                            lineStyle: {
                                                type: 'solid',
                                                color: e.color.axis,//左边线的颜色
                                            }
                                        },
                                        axisLabel: {
                                            textStyle: {
                                                color: e.color.text,//坐标值得具体的颜色

                                            }
                                        }
                                    },
                                    yAxis: {
                                        axisLine: {
                                            lineStyle: {
                                                type: 'solid',
                                                color: e.color.axis,//左边线的颜色
                                            }
                                        },
                                        axisLabel: {
                                            textStyle: {
                                                color: e.color.text,//坐标值得具体的颜色

                                            }
                                        },
                                        splitLine:{
                                            lineStyle:{
                                                color:e.color.split
                                            }
                                        }
                                    },
                                    color:e.color.image,
                                    series: [
                                        {type: 'bar',label: {normal: {
                                                    show: true,
                                                    position: 'top',
                                                    color:e.color.image_display,
                                                    formatter: '{a}\n{c}',
                                                    fontSize: 16,
                                                }},data:[data[0]],name:'个人'},
                                        {type: 'bar',label: {normal: {
                                                    show: true,
                                                    position: 'top',
                                                    color:e.color.image_display,
                                                    formatter: '{a}\n{c}',
                                                    fontSize: 16,
                                                }},data:[data[1]],name:'小营'},
                                        {type: 'bar',label: {normal: {
                                                    show: true,
                                                    position: 'top',
                                                    color:e.color.image_display,
                                                    formatter: '{a}\n{c}',
                                                    fontSize: 16,
                                                }},data:[data[2]],name:'大营'}
                                    ]
                                };
                                myChart1.setOption(option);


                                data = [];
                                name = item[t].name+'分数';
                                if(item[t].multi == 1){
                                    var title = [];
                                    for(d=1;d<=Object.keys(common['big_'+item[t].item+'_score']).length;d++){
                                        title.push('第'+d+'次');
                                    }
                                    option = {
                                        title: {
                                            text: name,
                                            textStyle:{
                                                color:e.color.text
                                            },
                                        },
                                        tooltip: {
                                            trigger: 'axis'
                                        },
                                        color:e.color.image,
                                        legend: {
                                            data:['个人','小营','大营'],
                                            textStyle:{
                                                color:e.color.text
                                            },
                                        },
                                        grid: {},
                                        xAxis: {
                                            type: 'category',
                                            boundaryGap: false,
                                            data:title,
                                            axisLine: {
                                                lineStyle: {
                                                    type: 'solid',
                                                    color: e.color.axis,//左边线的颜色
                                                }
                                            },
                                            axisLabel: {
                                                textStyle: {
                                                    color: e.color.text,//坐标值得具体的颜色

                                                }
                                            }
                                        },
                                        yAxis: {
                                            type: 'value',
                                            axisLine: {
                                                lineStyle: {
                                                    type: 'solid',
                                                    color: e.color.axis,//左边线的颜色
                                                }
                                            },
                                            axisLabel: {
                                                textStyle: {
                                                    color: e.color.text,//坐标值得具体的颜色

                                                }
                                            },
                                            splitLine:{
                                                lineStyle:{
                                                    color:e.color.split
                                                }
                                            }
                                        },
                                        series: [
                                            {
                                                name:'个人',
                                                type:'line',
                                                data:Object.keys(stu[x][item[t].item].all).map(function (key) {
                                                    return stu[x][item[t].item].all[key];
                                                }),
                                                itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                                                lineStyle : {normal:{width:3}}
                                            },
                                            {
                                                name:'小营',
                                                type:'line',
                                                data:Object.keys(common['small_'+item[t].item+'_score']).map(function (key) {
                                                    return common['small_'+item[t].item+'_score'][key];
                                                }),
                                                itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                                                lineStyle : {normal:{width:3}}
                                            },
                                            {
                                                name:'大营',
                                                type:'line',
                                                data:Object.keys(common['big_'+item[t].item+'_score']).map(function (key) {
                                                    return common['big_'+item[t].item+'_score'][key];
                                                }),
                                                itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                                                lineStyle : {normal:{width:3}}
                                            }
                                        ]
                                    };
                                }else{
                                    data.push(stu[x][item[t].item].avg);
                                    data.push(common['small_'+item[t].item+'_avg']);
                                    data.push(common['big_'+item[t].item+'_avg']);
                                    option = {
                                        legend: {
                                            textStyle:{
                                                color:e.color.text
                                            },
                                        },
                                        tooltip: {},
                                        title: {
                                            text:name,
                                            textStyle:{
                                                color:e.color.text
                                            },
                                        },
                                        xAxis: {
                                            type: 'category',
                                            axisLine: {
                                                lineStyle: {
                                                    type: 'solid',
                                                    color: e.color.axis,//左边线的颜色
                                                }
                                            },
                                            axisLabel: {
                                                textStyle: {
                                                    color: e.color.text,//坐标值得具体的颜色

                                                }
                                            }
                                        },
                                        yAxis: {
                                            axisLine: {
                                                lineStyle: {
                                                    type: 'solid',
                                                    color: e.color.axis,//左边线的颜色
                                                }
                                            },
                                            axisLabel: {
                                                textStyle: {
                                                    color: e.color.text,//坐标值得具体的颜色

                                                }
                                            },
                                            splitLine:{
                                                lineStyle:{
                                                    color:e.color.split
                                                }
                                            }
                                        },
                                        color:e.color.image,
                                        series: [
                                            {type: 'bar',label: {normal: {
                                                        show: true,
                                                        position: 'top',
                                                        color:e.color.image_display,
                                                        formatter: '{a}\n{c}',
                                                        fontSize: 16,
                                                    }},data:[data[0]],name:'个人'},
                                            {type: 'bar',label: {normal: {
                                                        show: true,
                                                        position: 'top',
                                                        color:e.color.image_display,
                                                        formatter: '{a}\n{c}',
                                                        fontSize: 16,
                                                    }},data:[data[1]],name:'小营'},
                                            {type: 'bar',label: {normal: {
                                                        show: true,
                                                        position: 'top',
                                                        color:e.color.image_display,
                                                        formatter: '{a}\n{c}',
                                                        fontSize: 16,
                                                    }},data:[data[2]],name:'大营'}
                                        ]
                                    };
                                }

                                var dom2 = document.getElementById("div2");
                                var myChart2 = echarts.init(dom2);
                                myChart2.setOption(option);

                                if(typeof(stu[x][item[t].item].score_memo) != "undefined"){
                                    $('#div3').text(stu[x][item[t].item].score_memo);
                                }else{
                                    $('#div3').text(stu[x][item[t].item].rate_memo);
                                }

                                if(memo != null && typeof(memo[j]) != "undefined" && memo[j] != "undefined"){
                                    $('#area1').text(memo[j]);
                                }
                                $('#div1').removeAttr('id');
                                $('#div2').removeAttr('id');
                                $('#div3').removeAttr('id');
                                $('#area1').removeAttr('id');
                            }else{
                                html = '<div style="">\n' +
                                    '    <div id="div1" class="DivF1"></div>\n' +
                                    '    <div id="div2" class="DivF2"></div>\n' +
                                    '</div>';
                                $('#page'+(Math.floor(j/2)+1)+'-'+i).append(html);
                                var dom1 = document.getElementById("div1");
                                var myChart1 = echarts.init(dom1);
                                var data = [];
                                var tag = 0;
                                var name = '';
                                if(item[t].type == "1"){
                                    data.push(stu[x][item[t].item].rate);
                                    data.push(common['small_'+item[t].item]);
                                    data.push(common['big_'+item[t].item]);

                                    var temp_indi = {};
                                    temp_indi.name = item[t].name+'正常率';
                                    temp_indi.max = 100;
                                    indicator.push(temp_indi);

                                    radar.person.push(stu[x][item[t].item].rate);
                                    radar.camp.push(common['small_'+item[t].item]);

                                    if(item[t].name == '考勤'){
                                        name = item[t].name+"全勤率";
                                    }else if(item[t].name == '测试' || item[t].name == '家校' || item[t].name == '作业' || item[t].name == '听写'){
                                        name = item[t].name+"准交率";
                                    }else{
                                        name = item[t].name+"正常率";
                                    }
                                }else{
                                    var temp_indi = {};
                                    temp_indi.name = item[t].name+'分数';
                                    temp_indi.max = 100;
                                    indicator.push(temp_indi);
                                    radar.person.push(stu[x][item[t].item].avg);
                                    radar.camp.push(common['small_'+item[t].item]);
                                    if(item[t].multi == 1){
                                        tag = 1;
                                    }else{
                                        data.push(stu[x][item[t].item].avg);
                                        data.push(common['small_'+item[t].item+'_avg']);
                                        data.push(common['big_'+item[t].item+'_avg']);
                                    }
                                    name = item[t].name+'分数';
                                }
                                if(tag == 1){
                                    var title = [];
                                    for(d=1;d<=Object.keys(common['big_'+item[t].item+'_score']).length;d++){
                                        title.push('第'+d+'次');
                                    }
                                    option = {
                                        title: {
                                            text: name,
                                            textStyle:{
                                                color:e.color.text
                                            },
                                        },
                                        tooltip: {
                                            trigger: 'axis'
                                        },
                                        legend: {
                                            data:['个人','小营','大营'],
                                            textStyle:{
                                                color:e.color.text
                                            },
                                        },
                                        color:e.color.image,
                                        grid: {},
                                        xAxis: {
                                            type: 'category',
                                            boundaryGap: false,
                                            data:title,
                                            axisLine: {
                                                lineStyle: {
                                                    type: 'solid',
                                                    color: e.color.axis,//左边线的颜色
                                                }
                                            },
                                            axisLabel: {
                                                textStyle: {
                                                    color: e.color.text,//坐标值得具体的颜色

                                                }
                                            }
                                        },
                                        yAxis: {
                                            type: 'value',
                                            axisLine: {
                                                lineStyle: {
                                                    type: 'solid',
                                                    color: e.color.axis,//左边线的颜色
                                                }
                                            },
                                            axisLabel: {
                                                textStyle: {
                                                    color: e.color.text,//坐标值得具体的颜色

                                                }
                                            },
                                            splitLine:{
                                                lineStyle:{
                                                    color:e.color.split
                                                }
                                            }
                                        },
                                        series: [
                                            {
                                                name:'个人',
                                                type:'line',
                                                data:Object.keys(stu[x][item[t].item].all).map(function (key) {
                                                    return stu[x][item[t].item].all[key];
                                                }),
                                                itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                                                lineStyle : {normal:{width:3}}
                                            },
                                            {
                                                name:'小营',
                                                type:'line',
                                                data:Object.keys(common['small_'+item[t].item+'_score']).map(function (key) {
                                                    return common['small_'+item[t].item+'_score'][key];
                                                }),
                                                itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                                                lineStyle : {normal:{width:3}}
                                            },
                                            {
                                                name:'大营',
                                                type:'line',
                                                data:Object.keys(common['big_'+item[t].item+'_score']).map(function (key) {
                                                    return common['big_'+item[t].item+'_score'][key];
                                                }),
                                                itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                                                lineStyle : {normal:{width:3}}
                                            }
                                        ]
                                    };
                                }else{
                                    option = {
                                        legend: {
                                            textStyle:{
                                                color:e.color.text
                                            },
                                        },
                                        tooltip: {},
                                        title: {
                                            text:name,
                                            textStyle:{
                                                color:e.color.text
                                            },
                                        },
                                        color:e.color.image,
                                        xAxis: {
                                            type: 'category',
                                            axisLine: {
                                                lineStyle: {
                                                    type: 'solid',
                                                    color: e.color.axis,//左边线的颜色
                                                }
                                            },
                                            axisLabel: {
                                                textStyle: {
                                                    color: e.color.text,//坐标值得具体的颜色

                                                }
                                            }
                                        },
                                        yAxis: {
                                            axisLine: {
                                                lineStyle: {
                                                    type: 'solid',
                                                    color: e.color.axis,//左边线的颜色
                                                }
                                            },
                                            axisLabel: {
                                                textStyle: {
                                                    color: e.color.text,//坐标值得具体的颜色

                                                }
                                            },
                                            splitLine:{
                                                lineStyle:{
                                                    color:e.color.split
                                                }
                                            }
                                        },
                                        series: [
                                            {type: 'bar',label: {normal: {
                                                        show: true,
                                                        position: 'top',
                                                        color:e.color.image_display,
                                                        formatter: '{a}\n{c}',
                                                        fontSize: 16,
                                                    }},data:[data[0]],name:'个人'},
                                            {type: 'bar',label: {normal: {
                                                        show: true,
                                                        position: 'top',
                                                        color:e.color.image_display,
                                                        formatter: '{a}\n{c}',
                                                        fontSize: 16,
                                                    }},data:[data[1]],name:'小营'},
                                            {type: 'bar',label: {normal: {
                                                        show: true,
                                                        position: 'top',
                                                        color:e.color.image_display,
                                                        formatter: '{a}\n{c}',
                                                        fontSize: 16,
                                                    }},data:[data[2]],name:'大营'}
                                        ]
                                    };
                                }

                                myChart1.setOption(option);
                                if(typeof(stu[x][item[t].item].score_memo) != "undefined"){
                                    $('#div2').text(stu[x][item[t].item].score_memo);
                                }else{
                                    $('#div2').text(stu[x][item[t].item].rate_memo);
                                }
                                if(memo != null && typeof(memo[j]) != "undefined" && memo[j] != "undefined"){
                                    $('#area1').text(memo[j]);
                                }
                                $('#div1').removeAttr('id');
                                $('#div2').removeAttr('id');
                                $('#area1').removeAttr('id');
                            }
                        }
                        // if(item[t].item == 'radar'){
                        //     html = '<div>\n' +
                        //         '    <div id="div1" class="DivR"></div>\n' +
                        //         '</div>';
                        //     $('#page'+(Math.floor(j/2)+1)+'-'+i).append(html);
                        //     var dom1 = document.getElementById("div1");
                        //     var myChart1 = echarts.init(dom1);

                        //     option = {
                        //         title: {
                        //             text: ''
                        //         },
                        //         tooltip: {},
                        //         legend: {
                        //             data: ['个人','小营'],
                        //             left:10
                        //         },
                        //         color:e.color.image,
                        //         radar: {
                        //             name: {
                        //                 textStyle: {
                        //                     color: 'white',
                        //                     //backgroundColor: '#999',
                        //                     borderRadius: 3,
                        //                     padding: [3, 5],
                        //                     fontSize:25
                        //                 }
                        //             },
                        //             indicator: indicator,
                        //             startAngle:45,
                        //         },
                        //         series: [{
                        //             type: 'radar',
                        //             data : [
                        //                 {
                        //                     value : radar.person,
                        //                     name : '个人'
                        //                 },
                        //                 {
                        //                     value : radar.camp,
                        //                     name : '小营'
                        //                 }
                        //             ]
                        //         }]
                        //     };
                        //     myChart1.setOption(option);
                        //     continue;
                        // }
                        // if(item[t].type == "3"){
                        //     var temp_indi = {};
                        //     temp_indi.name = item[t].name+'分数';
                        //     temp_indi.max = 100;
                        //     indicator.push(temp_indi);

                        //     var temp_indi = {};
                        //     temp_indi.name = item[t].name+'正常率';
                        //     temp_indi.max = 100;
                        //     indicator.push(temp_indi);

                        //     radar.person.push(stu[x][item[t].item].avg);
                        //     radar.person.push(stu[x][item[t].item].rate);
                        //     radar.camp.push(common['small_'+item[t].item+'_avg']);
                        //     radar.camp.push(common['small_'+item[t].item]);

                        //     html = '<div>\n' +
                        //         '    <div id="div1" class="DivS_1"></div>\n' +
                        //         '    <div id="div2" class="DivS_2"></div>\n' +
                        //         '    <div id="div3" class="DivS_3"></div>\n' +
                        //         '</div>';
                           
                        //     $('#page'+(Math.floor(j/2)+1)+'-'+i).append(html);
                        //     var dom1 = document.getElementById("div1");
                        //     var myChart1 = echarts.init(dom1);
                        //     var data = [];
                        //     var tag = 0;

                        //     data.push(stu[x][item[t].item].rate);
                        //     data.push(common['small_'+item[t].item]);
                        //     data.push(common['big_'+item[t].item]);

                        //     var name = '';
                        //     if(item[t].name == '考勤'){
                        //         name = item[t].name+"全勤率";
                        //     }else if(item[t].name == '测试' || item[t].name == '家校' || item[t].name == '作业' || item[t].name == '听写'){
                        //         name = item[t].name+"准交率";
                        //     }else{
                        //         name = item[t].name+"正常率";
                        //     }
                        //     option = {
                        //         legend: {
                        //             textStyle:{
                        //                 color:e.color.text
                        //             },
                        //         },
                        //         tooltip: {},
                        //         title: {
                        //             text:name,
                        //             textStyle:{
                        //                 color:e.color.text
                        //             },
                        //         },
                        //         xAxis: {
                        //             type: 'category',
                        //             axisLine: {
                        //                 lineStyle: {
                        //                     type: 'solid',
                        //                     color: e.color.axis,//左边线的颜色
                        //                 }
                        //             },
                        //             axisLabel: {
                        //                 textStyle: {
                        //                     color: e.color.text,//坐标值得具体的颜色

                        //                 }
                        //             }
                        //         },
                        //         yAxis: {
                        //             axisLine: {
                        //                 lineStyle: {
                        //                     type: 'solid',
                        //                     color: e.color.axis,//左边线的颜色
                        //                 }
                        //             },
                        //             axisLabel: {
                        //                 textStyle: {
                        //                     color: e.color.text,//坐标值得具体的颜色

                        //                 }
                        //             },
                        //             splitLine:{
                        //                 lineStyle:{
                        //                     color:e.color.split
                        //                 }
                        //             }
                        //         },
                        //         color:e.color.image,
                        //         series: [
                        //             {type: 'bar',label: {normal: {
                        //                         show: true,
                        //                         position: 'top',
                        //                         color:e.color.image_display,
                        //                         formatter: '{a}\n{c}',
                        //                         fontSize: 16,
                        //                     }},data:[data[0]],name:'个人'},
                        //             {type: 'bar',label: {normal: {
                        //                         show: true,
                        //                         position: 'top',
                        //                         color:e.color.image_display,
                        //                         formatter: '{a}\n{c}',
                        //                         fontSize: 16,
                        //                     }},data:[data[1]],name:'小营'},
                        //             {type: 'bar',label: {normal: {
                        //                         show: true,
                        //                         position: 'top',
                        //                         color:e.color.image_display,
                        //                         formatter: '{a}\n{c}',
                        //                         fontSize: 16,
                        //                     }},data:[data[2]],name:'大营'}
                        //         ]
                        //     };
                        //     myChart1.setOption(option);


                        //     data = [];
                        //     name = item[t].name+'分数';
                        //     if(item[t].multi == 1){
                        //         var title = [];
                        //         for(d=1;d<=Object.keys(common['big_'+t+'_score']).length;d++){
                        //             title.push('第'+d+'次');
                        //         }
                        //         option = {
                        //             title: {
                        //                 text: name,
                        //                 textStyle:{
                        //                     color:e.color.text
                        //                 },
                        //             },
                        //             tooltip: {
                        //                 trigger: 'axis'
                        //             },
                        //             color:e.color.image,
                        //             legend: {
                        //                 data:['个人','小营','大营'],
                        //                 textStyle:{
                        //                     color:e.color.text
                        //                 },
                        //             },
                        //             grid: {},
                        //             xAxis: {
                        //                 type: 'category',
                        //                 boundaryGap: false,
                        //                 data:title,
                        //                 axisLine: {
                        //                     lineStyle: {
                        //                         type: 'solid',
                        //                         color: e.color.axis,//左边线的颜色
                        //                     }
                        //                 },
                        //                 axisLabel: {
                        //                     textStyle: {
                        //                         color: e.color.text,//坐标值得具体的颜色

                        //                     }
                        //                 }
                        //             },
                        //             yAxis: {
                        //                 type: 'value',
                        //                 axisLine: {
                        //                     lineStyle: {
                        //                         type: 'solid',
                        //                         color: e.color.axis,//左边线的颜色
                        //                     }
                        //                 },
                        //                 axisLabel: {
                        //                     textStyle: {
                        //                         color: e.color.text,//坐标值得具体的颜色

                        //                     }
                        //                 },
                        //                 splitLine:{
                        //                     lineStyle:{
                        //                         color:e.color.split
                        //                     }
                        //                 }
                        //             },
                        //             series: [
                        //                 {
                        //                     name:'个人',
                        //                     type:'line',
                        //                     data:Object.keys(stu[x][item[t].item].all).map(function (key) {
                        //                         return stu[x][item[t].item].all[key];
                        //                     }),
                        //                     itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                        //                     lineStyle : {normal:{width:3}}
                        //                 },
                        //                 {
                        //                     name:'小营',
                        //                     type:'line',
                        //                     data:Object.keys(common['small_'+item[t].item+'_score']).map(function (key) {
                        //                         return common['small_'+item[t].item+'_score'][key];
                        //                     }),
                        //                     itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                        //                     lineStyle : {normal:{width:3}}
                        //                 },
                        //                 {
                        //                     name:'大营',
                        //                     type:'line',
                        //                     data:Object.keys(common['big_'+item[t].item+'_score']).map(function (key) {
                        //                         return common['big_'+item[t].item+'_score'][key];
                        //                     }),
                        //                     itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                        //                     lineStyle : {normal:{width:3}}
                        //                 }
                        //             ]
                        //         };
                        //     }else{
                        //         data.push(stu[x][item[t].item].avg);
                        //         data.push(common['small_'+item[t].item+'_avg']);
                        //         data.push(common['big_'+item[t].item+'_avg']);
                        //         option = {
                        //             legend: {
                        //                 textStyle:{
                        //                     color:e.color.text
                        //                 },
                        //             },
                        //             tooltip: {},
                        //             title: {
                        //                 text:name,
                        //                 textStyle:{
                        //                     color:e.color.text
                        //                 },
                        //             },
                        //             xAxis: {
                        //                 type: 'category',
                        //                 axisLine: {
                        //                     lineStyle: {
                        //                         type: 'solid',
                        //                         color: e.color.axis,//左边线的颜色
                        //                     }
                        //                 },
                        //                 axisLabel: {
                        //                     textStyle: {
                        //                         color: e.color.text,//坐标值得具体的颜色

                        //                     }
                        //                 }
                        //             },
                        //             yAxis: {
                        //                 axisLine: {
                        //                     lineStyle: {
                        //                         type: 'solid',
                        //                         color: e.color.axis,//左边线的颜色
                        //                     }
                        //                 },
                        //                 axisLabel: {
                        //                     textStyle: {
                        //                         color: e.color.text,//坐标值得具体的颜色

                        //                     }
                        //                 },
                        //                 splitLine:{
                        //                     lineStyle:{
                        //                         color:e.color.split
                        //                     }
                        //                 }
                        //             },
                        //             color:e.color.image,
                        //             series: [
                        //                 {type: 'bar',label: {normal: {
                        //                             show: true,
                        //                             position: 'top',
                        //                             color:e.color.image_display,
                        //                             formatter: '{a}\n{c}',
                        //                             fontSize: 16,
                        //                         }},data:[data[0]],name:'个人'},
                        //                 {type: 'bar',label: {normal: {
                        //                             show: true,
                        //                             position: 'top',
                        //                             color:e.color.image_display,
                        //                             formatter: '{a}\n{c}',
                        //                             fontSize: 16,
                        //                         }},data:[data[1]],name:'小营'},
                        //                 {type: 'bar',label: {normal: {
                        //                             show: true,
                        //                             position: 'top',
                        //                             color:e.color.image_display,
                        //                             formatter: '{a}\n{c}',
                        //                             fontSize: 16,
                        //                         }},data:[data[2]],name:'大营'}
                        //             ]
                        //         };
                        //     }

                        //     var dom2 = document.getElementById("div2");
                        //     var myChart2 = echarts.init(dom2);
                        //     myChart2.setOption(option);

                        //     if(typeof(stu[x][item[t].item].score_memo) != "undefined"){
                        //         $('#div3').text(stu[x][item[t].item].score_memo);
                        //     }else{
                        //         $('#div3').text(stu[x][item[t].item].rate_memo);
                        //     }

                        //     if(memo != null && typeof(memo[j]) != "undefined" && memo[j] != "undefined"){
                        //         $('#area1').text(memo[j]);
                        //     }
                        //     $('#div1').removeAttr('id');
                        //     $('#div2').removeAttr('id');
                        //     $('#div3').removeAttr('id');
                        //     $('#area1').removeAttr('id');
                        // }else{
                        //     html = '<div style="">\n' +
                        //         '    <div id="div1" class="DivF1"></div>\n' +
                        //         '    <div id="div2" class="DivF2"></div>\n' +
                        //         '</div>';
                        //     $('#page'+(Math.floor(j/2)+1)+'-'+i).append(html);
                        //     var dom1 = document.getElementById("div1");
                        //     var myChart1 = echarts.init(dom1);
                        //     var data = [];
                        //     var tag = 0;
                        //     var name = '';
                        //     if(item[t].type == "1"){
                        //         data.push(stu[x][item[t].item].rate);
                        //         data.push(common['small_'+item[t].item]);
                        //         data.push(common['big_'+item[t].item]);

                        //         var temp_indi = {};
                        //         temp_indi.name = item[t].name+'正常率';
                        //         temp_indi.max = 100;
                        //         indicator.push(temp_indi);

                        //         radar.person.push(stu[x][item[t].item].rate);
                        //         radar.camp.push(common['small_'+item[t].item]);

                        //         if(item[t].name == '考勤'){
                        //             name = item[t].name+"全勤率";
                        //         }else if(item[t].name == '测试' || item[t].name == '家校' || item[t].name == '作业' || item[t].name == '听写'){
                        //             name = item[t].name+"准交率";
                        //         }else{
                        //             name = item[t].name+"正常率";
                        //         }
                        //     }else{
                        //         var temp_indi = {};
                        //         temp_indi.name = item[t].name+'分数';
                        //         temp_indi.max = 100;
                        //         indicator.push(temp_indi);
                        //         radar.person.push(stu[x][item[t].item].avg);
                        //         radar.camp.push(common['small_'+item[t].item]);
                        //         if(item[t].multi == 1){
                        //             tag = 1;
                        //         }else{
                        //             data.push(stu[x][item[t].item].avg);
                        //             data.push(common['small_'+item[t].item+'_avg']);
                        //             data.push(common['big_'+item[t].item+'_avg']);
                        //         }
                        //         name = item[t].name+'分数';
                        //     }
                        //     if(tag == 1){
                        //         var title = [];
                        //         for(d=1;d<=Object.keys(common['big_'+item[t].item+'_score']).length;d++){
                        //             title.push('第'+d+'次');
                        //         }
                        //         option = {
                        //             title: {
                        //                 text: name,
                        //                 textStyle:{
                        //                     color:e.color.text
                        //                 },
                        //             },
                        //             tooltip: {
                        //                 trigger: 'axis'
                        //             },
                        //             legend: {
                        //                 data:['个人','小营','大营'],
                        //                 textStyle:{
                        //                     color:e.color.text
                        //                 },
                        //             },
                        //             color:e.color.image,
                        //             grid: {},
                        //             xAxis: {
                        //                 type: 'category',
                        //                 boundaryGap: false,
                        //                 data:title,
                        //                 axisLine: {
                        //                     lineStyle: {
                        //                         type: 'solid',
                        //                         color: e.color.axis,//左边线的颜色
                        //                     }
                        //                 },
                        //                 axisLabel: {
                        //                     textStyle: {
                        //                         color: e.color.text,//坐标值得具体的颜色

                        //                     }
                        //                 }
                        //             },
                        //             yAxis: {
                        //                 type: 'value',
                        //                 axisLine: {
                        //                     lineStyle: {
                        //                         type: 'solid',
                        //                         color: e.color.axis,//左边线的颜色
                        //                     }
                        //                 },
                        //                 axisLabel: {
                        //                     textStyle: {
                        //                         color: e.color.text,//坐标值得具体的颜色

                        //                     }
                        //                 },
                        //                 splitLine:{
                        //                     lineStyle:{
                        //                         color:e.color.split
                        //                     }
                        //                 }
                        //             },
                        //             series: [
                        //                 {
                        //                     name:'个人',
                        //                     type:'line',
                        //                     data:Object.keys(stu[x][item[t].item].all).map(function (key) {
                        //                         return stu[x][item[t].item].all[key];
                        //                     }),
                        //                     itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                        //                     lineStyle : {normal:{width:3}}
                        //                 },
                        //                 {
                        //                     name:'小营',
                        //                     type:'line',
                        //                     data:Object.keys(common['small_'+item[t].item+'_score']).map(function (key) {
                        //                         return common['small_'+item[t].item+'_score'][key];
                        //                     }),
                        //                     itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                        //                     lineStyle : {normal:{width:3}}
                        //                 },
                        //                 {
                        //                     name:'大营',
                        //                     type:'line',
                        //                     data:Object.keys(common['big_'+item[t].item+'_score']).map(function (key) {
                        //                         return common['big_'+item[t].item+'_score'][key];
                        //                     }),
                        //                     itemStyle : { normal: {label : {show: true},textStyle:{color:e.color.text}}},
                        //                     lineStyle : {normal:{width:3}}
                        //                 }
                        //             ]
                        //         };
                        //     }else{
                        //         option = {
                        //             legend: {
                        //                 textStyle:{
                        //                     color:e.color.text
                        //                 },
                        //             },
                        //             tooltip: {},
                        //             title: {
                        //                 text:name,
                        //                 textStyle:{
                        //                     color:e.color.text
                        //                 },
                        //             },
                        //             color:e.color.image,
                        //             xAxis: {
                        //                 type: 'category',
                        //                 axisLine: {
                        //                     lineStyle: {
                        //                         type: 'solid',
                        //                         color: e.color.axis,//左边线的颜色
                        //                     }
                        //                 },
                        //                 axisLabel: {
                        //                     textStyle: {
                        //                         color: e.color.text,//坐标值得具体的颜色

                        //                     }
                        //                 }
                        //             },
                        //             yAxis: {
                        //                 axisLine: {
                        //                     lineStyle: {
                        //                         type: 'solid',
                        //                         color: e.color.axis,//左边线的颜色
                        //                     }
                        //                 },
                        //                 axisLabel: {
                        //                     textStyle: {
                        //                         color: e.color.text,//坐标值得具体的颜色

                        //                     }
                        //                 },
                        //                 splitLine:{
                        //                     lineStyle:{
                        //                         color:e.color.split
                        //                     }
                        //                 }
                        //             },
                        //             series: [
                        //                 {type: 'bar',label: {normal: {
                        //                             show: true,
                        //                             position: 'top',
                        //                             color:e.color.image_display,
                        //                             formatter: '{a}\n{c}',
                        //                             fontSize: 16,
                        //                         }},data:[data[0]],name:'个人'},
                        //                 {type: 'bar',label: {normal: {
                        //                             show: true,
                        //                             position: 'top',
                        //                             color:e.color.image_display,
                        //                             formatter: '{a}\n{c}',
                        //                             fontSize: 16,
                        //                         }},data:[data[1]],name:'小营'},
                        //                 {type: 'bar',label: {normal: {
                        //                             show: true,
                        //                             position: 'top',
                        //                             color:e.color.image_display,
                        //                             formatter: '{a}\n{c}',
                        //                             fontSize: 16,
                        //                         }},data:[data[2]],name:'大营'}
                        //             ]
                        //         };
                        //     }

                        //     myChart1.setOption(option);
                        //     if(typeof(stu[x][item[t].item].score_memo) != "undefined"){
                        //         $('#div2').text(stu[x][item[t].item].score_memo);
                        //     }else{
                        //         $('#div2').text(stu[x][item[t].item].rate_memo);
                        //     }
                        //     if(memo != null && typeof(memo[j]) != "undefined" && memo[j] != "undefined"){
                        //         $('#area1').text(memo[j]);
                        //     }
                        //     $('#div1').removeAttr('id');
                        //     $('#div2').removeAttr('id');
                        //     $('#area1').removeAttr('id');
                        // }
                    }
                    j++;
                }
                i++;
            }

            $('.area').css('border-color',e.color.text);
            $('.area').css('color',e.color.text);
            $('.DivF2').css('color',e.color.text);
            $('.DivS_3').css('color',e.color.text);
            color = e.color.text;
        });
    });
    function o_window(){
        var wi = window.open('about:blank', '_blank');

        wi.document.write(document.getElementById('chart_container').outerHTML);

/*        wi.document.getElementById('area-1').value = $('#area-1').val();
        wi.document.getElementById('area-2').value = $('#area-2').val();
        wi.document.getElementById('area-3').value = $('#area-3').val();
        wi.document.getElementById('area-4').value = $('#area-4').val();
        wi.document.getElementById('area-5').value = $('#area-5').val();
        wi.document.getElementById('area-6').value = $('#area-6').val();*/


        var listnew = wi.document.getElementsByTagName("canvas");
        var listold = document.getElementsByTagName("canvas");
        for(i=0;i<listold.length;i++){
            var ctx = listold[i].getContext('2d');
            var imgdata = ctx.getImageData(0,0,2500,7500
            );
            var ctxnew = listnew[i].getContext('2d');
            ctxnew.putImageData(imgdata,0,0);
        }

        var style = wi.document.createElement("style");
        style.innerHTML = '    .headDiv{\n' +
            '        padding-top:35mm;\n' +
            '        width: 210mm;\n' +
            '    }\n' +
            '\n' +
            '    .area{\n' +
            '        height:28mm;\n' +
            '        width:180mm;\n' +
            '        background:none;\n' +
            '        resize:none;\n' +
            '        font-size:18px;\n' +
            '        border: 3px solid #ffffff;\n' +
            '        border-radius: 15px;\n' +
            '        color: #ffffff;\n' +
            '    }\n' +
            '\n' +
            '    .temp{\n' +
            '        height:28mm;\n' +
            '        width:180mm;\n' +
            '        margin-left:15mm;\n' +
            '        margin-top:5mm;\n' +
            '        margin-bottom:5mm;\n' +
            '        float:left;\n' +
            '    }\n' +
            '\n' +
            '    .DivF1{\n' +
            '        height: 90mm;\n' +
            '        width: 130mm;\n' +
            '        margin: 0 auto;\n' +
            '        margin: auto auto auto 10mm;\n' +
            '        float: left;\n' +
            '    }\n' +
            '\n' +
            '    .DivF2{\n' +
            '        width: 70mm;\n' +
            '        margin: 40mm auto 0 auto;\n' +
            '        float: left;\n' +
            '        font-size:18px;\n' +
            '        color: #ffffff;\n' +
            '    }\n' +
            '\n' +
            '    .DivS_1{\n' +
            '        height: 90mm;\n' +
            '        width: 100mm;\n' +
            '        margin-left:10mm;\n' +
            '        float: left;\n' +
            '    }\n' +
            '\n' +
            '    .DivS_2{\n' +
            '        height: 90mm;\n' +
            '        width: 100mm;\n' +
            '        margin: 0 auto;\n' +
            '        float: left;\n' +
            '    }\n' +
            '\n' +
            '    .DivS_3{\n' +
            '        height:34mm;\n' +
            '        width:180mm;\n' +
            '        background:none;\n' +
            '        resize:none;\n' +
            '        font-size:21px;\n' +
            '        margin-left: 15mm;\n' +
            '        color: #ffffff;\n' +
            '        float: left;\n' +
            '        border: 3px solid #ffffff;\n' +
            '        border-radius: 15px;\n' +
            '    }\n' +
            '\n' +
            '    .DivR{\n' +
            '        height: 90mm;\n' +
            '        width: 200mm;\n' +
            '        padding:0 5mm 0 5mm;\n' +
            '        margin-top:10mm;'+
            '        float: left;\n' +
            '    }';

        wi.document.body.appendChild(style);


        var div1 = wi.document.getElementById("chart_container");
/*            div1.style.position = 'fixed';
            div1.style.top = '0px';
            div1.style.left = '0px';*/

        wi.opener.export_pdf(div1);
        setTimeout(function(){
            wi.close();
        },1000);
    }

    function export_pdf(div1){
        var contentWidth = 0;
        var contentHeight = 0;
        var w = parseInt(window.getComputedStyle(div1).width);
        var h = parseInt(window.getComputedStyle(div1).height);
        var canvas1 = document.createElement("canvas");

        html2canvas(div1, {canvas:canvas1,width:div1.offsetWidth,height:div1.offsetHeight,logging:false,scale:1}).then(function(canvas) {
            contentWidth = canvas.width;
            contentHeight = canvas.height;
            //一页pdf显示html页面生成的canvas高度;
            var pageHeight = contentWidth / 595.28 * 841.89;
            //未生成pdf的html页面高度
            var leftHeight = contentHeight;
            //页面偏移
            var position = 0;
            //a4纸的尺寸[595.28,841.89]，html页面生成的canvas在pdf中图片的宽高
            var imgWidth = 595.28;
            var imgHeight = 595.825 / contentWidth * contentHeight;
            //canvas.getContext("2d").translate(-500,-20);
            var pageData = canvas.toDataURL('image/jpeg', 0.95);
            //console.log(pageData);
            //注①
            var pdf = new jsPDF('', 'pt', 'a4');
            //有两个高度需要区分，一个是html页面的实际高度，和生成pdf的页面高度(841.89)
            //当内容未超过pdf一页显示的范围，无需分页
            if (leftHeight < pageHeight) {
                pdf.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight);
            } else {
                while (leftHeight > 0) {
                    //arg3-->距离左边距;arg4-->距离上边距;arg5-->宽度;arg6-->高度
                    pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight)
                    leftHeight -= pageHeight;
                    position -= 841.89;
                    //避免添加空白页
                    if (leftHeight > 100) {
                        //注②
                        pdf.addPage();
                    }
                }
            }

            pdf.save(div1.getAttribute('stu_name')+'.pdf');
        });
    }

    function save_memo(){
        var url = window.location.href;
        pid = url.split('=')[2];

        var area_list = $('.area');
        var memo = [];
        var request = {pid:pid};
        for(i=0;i<area_list.length;i++){
            memo.push(area_list[i].value);
        }
        request.memo = JSON.stringify(memo);

        $.ajaxSetup({headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},async:false});
        $.post('/admin/kly_report/save_memo',request,function(e){
            alert('操作成功');
        })
    }

/*    function down_pdf(){
        var div1 = document.getElementById('chart_container');
        var contentWidth = 0;
        var contentHeight = 0;
        var w = parseInt(window.getComputedStyle(div1).width);
        var h = parseInt(window.getComputedStyle(div1).height);
        var canvas1 = document.createElement("canvas");
        //canvas1.getContext("2d").translate(20, 0);
        canvas1.getContext("2d").scale(1, 1);
        canvas1.style.width=w+'mm';
        canvas1.style.height=h+'mm';
        canvas1.width=w;
        canvas1.height=h;

        html2canvas(div1, {canvas:canvas1,allowTaint:true}).then(function(canvas) {
            contentWidth = canvas.width;
            contentHeight = canvas.height;
            //一页pdf显示html页面生成的canvas高度;
            var pageHeight = contentWidth / 592.28 * 841.89;
            //未生成pdf的html页面高度
            var leftHeight = contentHeight;
            //页面偏移
            var position = 0;
            //a4纸的尺寸[595.28,841.89]，html页面生成的canvas在pdf中图片的宽高
            var imgWidth = 595.28;
            var imgHeight = 604.375 / contentWidth * contentHeight;
            //canvas.getContext("2d").translate(-500,-20);
            var pageData = canvas.toDataURL('image/jpeg', 0.95);
            //console.log(pageData);
            //注①
            var pdf = new jsPDF('', 'pt', 'a4');
            //有两个高度需要区分，一个是html页面的实际高度，和生成pdf的页面高度(841.89)
            //当内容未超过pdf一页显示的范围，无需分页
            if (leftHeight < pageHeight) {
                pdf.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight);
            } else {
                while (leftHeight > 0) {
                    //arg3-->距离左边距;arg4-->距离上边距;arg5-->宽度;arg6-->高度
                    pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight)
                    leftHeight -= pageHeight;
                    position -= 841.89;
                    //避免添加空白页
                    if (leftHeight > 100) {
                        //注②
                        pdf.addPage();
                    }
                }
            }

            var section = $('#section').find("option:selected").text();
            var group = $('#group').find("option:selected").text();
            var squad = $('#squad').find("option:selected").text();
            var student = $('#student').find("option:selected").text();

            var name = section+'-'+group+'-'+squad+'-'+student;
            pdf.save(name+'.pdf');
        });
    }*/
</script>
